

var dom =   {

    addClass: function (el,className) {
        var els = document.querySelectorAll(el);
        els.forEach(e => {
            e.classList.add(className)
        })
    },
    removeClass: function (el, className) {
        var els = document.querySelectorAll(el);
        els.forEach(e => {
            e.classList.remove(className)
        })
    },
    hasClass: function (el, className) {
        return document.querySelector(el).classList.contains(className);
    },
    css: function (el,style) {
        var els = document.querySelectorAll(el);
        els.forEach(e => {
            for (var k in style) {
                e.style[k] = style[k];
            }
        })

    },
    getStyle: function (el, prop) {
        var style = getComputedStyle(document.querySelector(el));
        return style[prop]
    },
    getDom: function (el, prop) {
        return document.querySelector(el)[prop];
    }
  
}